<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<f:view>

	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="../css/style.css" rel="stylesheet" type="text/css" />
		<title><ui:insert name="title"></ui:insert></title>



	</h:head>
	<h:body>
		
			<div id="all">
				<div id="auth-header">
					<center>
						<table cellpadding="0" cellspacing="0" border="0" width="100%"
							height="40">
							<tr>
								<!-- <td width="400" valign="middle" align="left" class="project-title"><b>SMP</b> <span>Système de Mesure de Productivité</span></td> -->
								<td width="400" valign="middle" align="left"><img
									src="../images/logo.PNG" /> <b><h:outputText
											class="section-title" value="#{lang.SMP}" /></b></td>
								<td align="right" valign="middle" class="account-header"><h:form><b>
											#{authentificationBean.collaborator.firstName} #{authentificationBean.collaborator.lastName} </b> Connecté(e)  | <h:commandLink
											action="#{authentificationBean.logout}" value="logout">

										</h:commandLink>
									</h:form></td>
								<td align="left" width="60px" valign="middle"
									class="account-header"><h:form>
										<h:commandLink
											actionListener="#{languageAction.changeLanguageFr}">
											<h:graphicImage value="../images/icons/fr.png"
												styleClass="pic" />
										</h:commandLink>
										<p:spacer width="5px"></p:spacer>
										<h:commandLink
											actionListener="#{languageAction.changeLanguageEn}">
											<h:graphicImage value="../images/icons/en.jpg"
												styleClass="pic" />
										</h:commandLink>
									</h:form></td>
							</tr>
						</table>
					</center>
				</div>
				<div id="sub-header">
					
						<table cellpadding="0" cellspacing="10" border="0" width="100%"
							height="40" class="table-reload">
							<tr valign="bottom">
								<td align="right"><form>
										<input type="text" name="search" id="search"
											class="search-field" />
									</form></td>
							</tr>

						</table>
						
						
				</div>
				<br />
				<div id="content">
					<table cellpadding="10" cellspacing="5" border="0">
						<tr valign="top">
							<td width="300px">
							<ui:insert name="menuBody"></ui:insert>
							</td>
							<td  width="1000px">
								<ui:insert name="newHeader"></ui:insert>
								<div class="menu-box" id="mB">
									<div class="menu-box-header" id="mBH">
										<ui:insert name="contentHeader" ></ui:insert>
									</div>

									<ui:insert name="contentBody"></ui:insert>
									<br /> <br />
								</div>
							</td>
						</tr>
					</table>
				</div>
			</div>
		
	</h:body>
</f:view>

</html>
